.banner-active {
  width: 100%;
  height: 300px;

  .active-item {
    width: 100%;
    height: 100%;
    margin: 50px 0;
    border-radius: 15px;

    .active-item-top {
      height: 15%;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .active-item-top-left {
        width: 70%;
        font-size: 25px;
        margin-left: 20px;
      }

      .active-item-top-right {
        width: 30%;
        font-size: 20px;
        text-align: right;
        margin-right: 20px;
      }
    }

    .active-item-bottom {
      height: 85%;
    }
  }

}

.grid-image {
  width: 100%;
  height: 100%;
}

